<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
http://127.0.0.1:8080/web_3_ajax/testParm?
?后面的内容称为 查询字符串 简称： 参数：键=值， 多个参数 用 & 连接
-->
<a href="http://127.0.0.1:8080/web_3_ajax/testParm?username='j180'&pwd='abc123'">超链接传递参数</a>
<hr>
<form action="http://127.0.0.1:8080/web_3_ajax/testParm" method="post">
    <label for="">用户名</label>
    <input type="text" name="username" id="username">
    <label for="">密码</label>
    <input type="password" name="pwd" id="pwd">
    <button type="submit">登录</button>
</form>

<hr>
<button type="button">ajax发送请求和传递参数</button>

</body>
</html>
<script src="js/jquery-3.1.0.min.js"></script>
<script>

     $(()=>{
         $("button").click(()=>{
             $.ajax({
                 url:"testParm",
                 type:'post',
                 //使用ajax传递参数
                 data:{
                       'username':$("#username").val(),
                        'pwd':$("#pwd").val()},
                 dataType:"json",
                 success:(data)=>{
                     //........
                 }

             })
         });
     });
</script>